<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>11-表单标签</title>
</head>
<body>
    <!-- 
        表单 form
        属性：
            action 后端地址
            method 提交方式 [post/get]/put/delete..
            {
                post 数据较安全
                get 不安全 携带的数据暴露在地址栏中
                .html?dgfhjhjj=101&wertyui=100000
            }
        嵌套关系
            文本标签:
                <input type="text"/>
            input系列       类型type     说明
                            text        文本输入框
                            password    密码框
                            radio       单选框
                                            默认选中 简写checked
                                            不简写2种checked="checked" checked='true/false'
                            checkbox    多选
                                            默认选中  简写checked
                                            不简写2种checked="checked" checked='true/false'
                            number      数字型
                            submit      提交按钮
                            reset       重置
                            file        文件上传

            下拉框select     默认选中selected
            文本域textarea
        备注：
            form标签，在接下来和后端配合时，不写了

     -->
    <form action="" method="get">
        <p>用户名: <input type="text" placeholder="请输入用户名..." name="username" value="admin"></p>
        <p>密码: <input type="password" placeholder="请输入密码..." name="password" value="admin888"></p>
        <p>
           男: <input type="radio" value="0" name="sex" checked>
           女: <input type="radio" name="sex" value="1">
        </p>
        <p>
            打游戏: <input type="checkbox" value="0" name="hobby" checked>
            敲代码: <input type="checkbox" value="1" name="hobby">
            小姐姐: <input type="checkbox" value="2" name="hobby" checked>
            小哥哥: <input type="checkbox" value="3" name="hobby" checked>
        </p>
        <p>
            金额：<input type="number" value="10000" name="money">
        </p>
        <p>
            所在城市:
            <select name="city">
                <option value="-1">请选择城市</option>
                <option value="1" selected>西安</option>
                <option value="2">成都</option>
                <option value="3">广州</option>
            </select>
        </p>
        <p>
            上传:
            <input type="file" name="file">
        </p>
        <p>
            <!-- colspan 列 宽 rows 行/高-->
            <textarea name="content" cols="30" rows="3"></textarea>
        </p>
        <p>
            <label for="descr">
                摘要：<input type="text" name="descr" id="descr" placeholder="请输入摘要...">
            </label>
        </p>
        <p>
            <input type="submit" value="立即提交1">
            <input type="reset" value="重置">
        </p>
        <p>
            <input type="button" value="立即提交2">
        </p>
        <p>
            <button>立即提交3</button>
        </p>
    </form>



</body>
</html>